<table class="tr">
  <tr>
    <td width="33%">彩种</td>
    <td>注单笔数</td>
    <td width="33%">下注金额</td>
  </tr>
</table>

<div class="scroll-data"><div class="for-scroll">
    <table class="mobile">
    </table>
</div></div>

<style type="text/css">
    .tr {
        width: 100%;
        height: 35px;
        color: #fff;
        font-size: 0.6rem;
    }
    .tr td {
        text-align: center;
        box-shadow: inset -1px 1px 0 0 rgba(255,255,255,.21), 1px 1px 0 0 rgba(0,0,0,.13);
        background-color: rgba(255,255,255,0.2);
    }
    .scroll-data table {
        width: 100%;
        font-size: 0.6rem;
        color: #fff;
    }
    .scroll-data table td {
        text-align: center;
        box-shadow: inset -1px 1px 0 0 rgba(255,255,255,.21), 1px 1px 0 0 rgba(0,0,0,.13);
        padding: 10px 1px 10px 1px;
    }
    .scroll-data {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 35px;
        bottom: 0px;
        overflow: hidden;
    }
    td.count {
        text-decoration: underline;
    }
</style>

<script>
    $("#center-top .home").hide();
    $("#center-top .back").show();
    $("#center-top .menu").hide();

    Lottery.cb = function() {
        var r = query_all_uncheck_bets();

        // 填充表格
        var table = $(".mobile"); table.empty();
        for (var g in r) {
            var tr = $("<tr></tr>");
            tr.append("<td width='33%'>" + get_game_display_name(g) + "</td>");
            tr.append("<td class='count' value='" + g + "'>" + r[g].count + "</td>");
            tr.append("<td class='' width='33%'>" + (r[g].bet/100).toFixed(2) + "</td>");
            table.append(tr);
        }
        _mainScroll.refresh();
        table.find(".count").click(function(e) {
            var target = $(e.currentTarget);
            if (target.html() == '0') return;
            Util.jumpUrl({
                cmd: "jishi2",
                back: "jishi",
                g2: target.attr("value"),
            });
        });
    };
    Lottery.refresh_uncheck();

    var _mainScroll;
    $(function() {
        _mainScroll = new IScroll(".scroll-data", {
            scrollX: false,
            scrollY: true,
            click: true,
        })
    });
</script>